//
//  LCVisitorView.swift
//  SwiftWeiBo
//
//  Created by LiCheng on 2017/2/10.
//  Copyright © 2017年 LiCheng. All rights reserved.
//


// 访客视图 - 用户还没有登录时的视图
import UIKit

class LCVisitorView: UIView {

    // MARK: - 属性

    /// 注册按钮
    lazy var registerBtn: UIButton = UIButton.cz_textButton(
        "注册",
        fontSize: 16,
        normalColor: UIColor.orange,
        highlightedColor: UIColor.black,
        backgroundImageName: "common_button_white_disable")

    /// 登录按钮
    lazy var loginBtn: UIButton = UIButton.cz_textButton(
        "登录",
        fontSize: 16,
        normalColor: UIColor.darkGray,
        highlightedColor: UIColor.black,
        backgroundImageName: "common_button_white_disable")

    /// 使用字典设置访客视图信息
    //  - Parameter dict:  [imageName / message]
    //  - 提示: 如果是 首页 imageName == ""
    var visitorInfo : [String: String]? {
        didSet {

            // 1. 取字典信息
            guard let imageName = visitorInfo?["imageName"],
                let message = visitorInfo?["message"] else {

                    return
            }

            // 2. 设置提示信息
            tipLabel.text = message

            // 3. 设置图片
            if imageName == "" {

                // 设置 首页旋转动画
                statrtAnimation()
                return
            }

            // 4. 设置非首页信息
            smallIconView.image = UIImage(named: imageName)
            houseIconView.isHidden = true
            maskIconView.isHidden = true
        }
    }

    // MARK: - 构造函数
    override init(frame: CGRect) {
        super.init(frame: frame)

        setupUI()
    }
    
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    // MARK: - 私有函数
    /// 旋转图标动画（首页需要）
    private func statrtAnimation() {

        // 旋转
        let anim = CABasicAnimation(keyPath: "transform.rotation")

        anim.toValue = 2 * M_PI     // 旋转距离
        anim.repeatCount = MAXFLOAT // 不停旋转
        anim.duration = 15          // 旋转一圈的时间
        anim.isRemovedOnCompletion = false // 完成之后删除 smallIconView被释放时会一起销毁

        // 将动画添加到图层上
        smallIconView.layer.add(anim, forKey: nil)
    }


    // MARK: - 私有属性
    /// 图像视图
    fileprivate lazy var smallIconView: UIImageView = UIImageView(image: UIImage(named: "visitordiscover_feed_image_smallicon"))

    /// 遮罩视图
    fileprivate lazy var maskIconView: UIImageView = UIImageView(image: UIImage(named: "visitordiscover_feed_mask_smallicon"))

    /// 小房子
    fileprivate lazy var houseIconView: UIImageView = UIImageView(image: UIImage(named: "visitordiscover_feed_image_house"))

    /// 提示标签
    fileprivate lazy var tipLabel:UILabel = UILabel.cz_label(
        withText: "关注一些人，回这里看看有什么惊喜关注一些人，回这里看看有什么惊喜",
        fontSize: 14,
        color: UIColor.darkGray)

   }

// MARK: - 设置界面
extension LCVisitorView {

    func setupUI() {
        backgroundColor = UIColor.cz_color(withHex: 0xEDEDED)

        // 1. 添加控件
        addSubview(smallIconView)
        addSubview(maskIconView)
        addSubview(houseIconView)
        addSubview(tipLabel)
        addSubview(registerBtn)
        addSubview(loginBtn)

        // 2. 文本居中
        tipLabel.textAlignment = .center

        // 3. 取消 autoresizing(自动布局)
        for v in subviews {
            v.translatesAutoresizingMaskIntoConstraints = false
        }

        // 4. 自动布局（原生布局）
        setupLayout()
    }

    /// 设置布局
    private func setupLayout() {

        //    - view1.attr1 = view2.attr2 * multiplier + constant
        //    - 任何一个视图的属性 = 其他视图的属性 * 一个乘积 + 常数

        //  - 图像视图
        addConstraint(NSLayoutConstraint(item: smallIconView,  // 任何一个视图
            attribute: .centerX,  // 要约束的属性
            relatedBy: .equal,    // 约束关系: 等于 大于等于 小于等于
            toItem: self,         // 参照视图
            attribute: .centerX,  // 参照属性
            multiplier: 1.0,      // 乘积 (倍数关系)
            constant: 0))         // 常数  - 向上/向左  + 向下/向右
        addConstraint(NSLayoutConstraint(item: smallIconView,
                                         attribute: .centerY,
                                         relatedBy: .equal,
                                         toItem: self,
                                         attribute: .centerY,
                                         multiplier: 1.0,
                                         constant: -80))

        //  - 小房子
        addConstraint(NSLayoutConstraint(item: houseIconView,
                                         attribute: .centerX,
                                         relatedBy: .equal,
                                         toItem: smallIconView,
                                         attribute: .centerX,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: houseIconView,
                                         attribute: .centerY,
                                         relatedBy: .equal,
                                         toItem: smallIconView,
                                         attribute: .centerY,
                                         multiplier: 1.0,
                                         constant: 0))

        //  - 提示标签
        addConstraint(NSLayoutConstraint(item: tipLabel,
                                         attribute: .centerX,
                                         relatedBy: .equal,
                                         toItem: smallIconView,
                                         attribute: .centerX,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: tipLabel,
                                         attribute: .top,
                                         relatedBy: .equal,
                                         toItem: smallIconView,
                                         attribute: .bottom,
                                         multiplier: 1.0,
                                         constant: 20))
        addConstraint(NSLayoutConstraint(item: tipLabel,
                                         attribute: .width,
                                         relatedBy: .equal,
                                         toItem: nil,
                                         attribute: .notAnAttribute,
                                         multiplier: 1.0,
                                         constant: 229))

        //  - 注册
        addConstraint(NSLayoutConstraint(item: registerBtn,
                                         attribute: .left,
                                         relatedBy: .equal,
                                         toItem: tipLabel,
                                         attribute: .left,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: registerBtn,
                                         attribute: .top,
                                         relatedBy: .equal,
                                         toItem: tipLabel,
                                         attribute: .bottom,
                                         multiplier: 1.0,
                                         constant: 20))
        addConstraint(NSLayoutConstraint(item: registerBtn,
                                         attribute: .width,
                                         relatedBy: .equal,
                                         toItem: nil,
                                         attribute: .notAnAttribute,
                                         multiplier: 1.0,
                                         constant: 100))

        //  - 登录
        addConstraint(NSLayoutConstraint(item: loginBtn,
                                         attribute: .right,
                                         relatedBy: .equal,
                                         toItem: tipLabel,
                                         attribute: .right,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: loginBtn,
                                         attribute: .top,
                                         relatedBy: .equal,
                                         toItem: registerBtn,
                                         attribute: .top,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: loginBtn,
                                         attribute: .width,
                                         relatedBy: .equal,
                                         toItem: registerBtn,
                                         attribute: .width,
                                         multiplier: 1.0,
                                         constant: 0))

        //  - 遮罩
        //  - views:   定义 VFL 中 控件名称和字符串实际名 映射关系
        //  - metrics: 定义 VFL 中 () 指定常数 映射关系
        /**
         H :  水平方向 设置内容
         V :  垂直方向
         | :  边界
         []:  包含控件的名称字符串， 对应关系在 views 字典中定义
         ():  定义控件的宽/高，在 metrics 中指定
         */
        let viewDict = ["maskIconView": maskIconView,
                        "registerBtn": registerBtn] as [String : Any]
        addConstraints(NSLayoutConstraint.constraints(
            withVisualFormat: "H:|-0-[maskIconView]-0-|",
            options: [],
            metrics: nil,
            views: viewDict))
        addConstraints(NSLayoutConstraint.constraints(
            withVisualFormat: "V:|-0-[maskIconView]-0-[registerBtn]",
            options: [],
            metrics: nil,
            views: viewDict))
    }
}
